<template>
  <div class="approvals-container">
    <div class="app-container">
      <el-card>
        <div class="clearfix">
          <span>审批</span>
        </div>
      </el-card>
      <el-card>
        <el-table :data="tableData" style="width: 100%">
          <el-table-column label="序号" width="60" type="index" :index="1" align="center" />
          <el-table-column prop="name" label="申请人" width="180" align="center" />
          <el-table-column prop="type" label="申请类型" width="160" align="center" />
          <el-table-column prop="date" label="申请时间" width="180" align="center" />
          <el-table-column prop="content" label="申请内容" width="500" align="center" />
          <el-table-column label="操作" align="center">
            <template slot-scope="scope">
              <el-button size="mini">通过</el-button>
              <el-button size="mini" type="danger">不通过</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-card>

    </div>
  </div>
</template>

<script>
export default {
  name: 'Approvals',
  data() {
    return {
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          type: '请假',
          content: '病假三天病假三天病假三天病假三天'
        },
        {
          date: '2016-05-02',
          name: '王小虎',
          type: '请假',
          content: '病假三天病假三天病假三天病假三天'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          type: '请假',
          content: '病假三天病假三天病假三天病假三天'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          type: '请假',
          content: '病假三天病假三天病假三天病假三天'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          type: '请假',
          content: '病假三天病假三天病假三天病假三天'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          type: '请假',
          content: '病假三天病假三天病假三天病假三天'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          type: '请假',
          content: '病假三天病假三天病假三天病假三天'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          type: '请假',
          content: '病假三天病假三天病假三天病假三天'
        }
      ]
    }
  }
}
</script>

<style lang='scss' scoped>
.el-card {
  margin-bottom: 30px;
}
</style>
